<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的课程</title>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/myme.css" />
	</head>

	<body style="background-color: #F4F4F4;">
		<!-- 时间：2018-07-13
    	   描述：信息栏   -->
		<ul class="mui-table-view" id="myme">
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">姓名</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Name"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">曾用名</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Old_Name"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">性别</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Sex"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">族别</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_National"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">身份证号</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Id_Card"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">学号</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Number"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">年龄</p>
		                <span class="mui-ellipsis" style="margin-top: 2%">80</span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">出生日期</p>
		                <span class="mui-ellipsis" style="margin-top: 2%">1995年3月12日</span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">婚姻</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Married"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">个人手机</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Phone_Number"></span>
		            </div>
		        </a>
		    </li>
		    
		    <div class="myme_middle"></div>
		    
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">所在学校</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" ></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">所在院系</p>
		                <span class="mui-ellipsis" style="margin-top: 2%"  id="Col_Name"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">所在班级</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Cls_Name"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">班主任</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Tea_Name"></span>
		            </div>
		        </a>
		    </li>
		    
		    <div class="myme_middle"></div>
		    
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">籍贯</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Native_Place"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">QQ号</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_QQ_Number"></span>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 0%; display: block; float: left; width: 30%;">入学年份</p>
		                <span class="mui-ellipsis" style="margin-top: 2%" id="Stu_Studying_Time"></span>
		            </div>
		        </a>
		    </li>
		    
		</ul>
		
	</body>
	<script type="text/javascript" charset="utf-8">
		mui.init();
		$.ajax({
			url:"/user/studentinfo",
			type:"GET",
			dataType:"json",
			success:function(data){
				console.log(data);
				$("#Stu_Name").text(data[0].Stu_Name);
				$("#Stu_Old_Name").text(data[0].Stu_Old_Name);
				$("#Stu_Sex").text(data[0].Stu_Sex);
				$("#Stu_National").text(data[0].Stu_National);
				$("#Stu_Id_Card").text(data[0].Stu_Id_Card);
				$("#Stu_Number").text(data[0].Stu_Number);
				$("#Stu_Phone_Number").text(data[0].Stu_Phone_Number);
				$("#Stu_QQ_Number").text(data[0].Stu_QQ_Number);
				
				$("#Cls_Name").text(data[0].Cls_Name);
				$("#Col_Name").text(data[0].Col_Name);
				$("#Tea_Name").text(data[0].Tea_Name);
				$("#Stu_Studying_Time").text(data[0].Stu_Studying_Time);
				$("#Stu_Native_Place").text(data[0].Stu_Native_Place);
				$("#Stu_Married").text(data[0].Stu_Married);
				
			}
		});
	</script>

</html>